$('#showReg').on('click', function () {
    $('.login-form ').hide()
    $('.reg-form ').show()
})
$('#showLogin').on('click', function () {
    $('.reg-form ').hide()
    $('.login-form ').show()
})
const form = layui.form;
form.verify({
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pass: [
        /^[\S]{6,12}$/
        , '密码必须6到12位，且不能出现空格'
    ],

    repwd: function (value, item) { //value：表单的值、item：表单的DOM对象
        let pwdVal = $('#pwd').val()
        if (pwdVal !== value) {
            return '两次密码输入不一致'
        }
    }
});

// ajax请求
const layer = layui.layer
$('.reg-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    axios
        .post('api/reguser', data)
        .then(({ data }) => {
            console.log(data);
            if (data.status !== 0) {
                return layer.msg(data.message)
            }
            layer.msg('恭喜你注册成功')
            $('#showLogin').click()
        })
})
//=============== 登录发送请求 ===============

$('.login-form').on('submit', function (e) {
    e.preventDefault()

    // 获取表单数据
    const data = $(this).serialize()
    axios.post('/api/login', data).then(({ data: { status, message, token } }) => {
        // console.log(data)
        if (status !== 0) {
            return layer.msg(message)
        }
        layer.msg('登录成功，即将跳转到首页', {
            icon: 1,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
            //弹框结束后做什么

            // 将token存入本地存储,注意：token具有时效性，并不是能够一直能用
            // console.log(token)
            localStorage.setItem('token', token)

            //  跳转到首页
            location.href = '/index.html'
        })

    })
})